<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
		    .search {
	            width:300px;
	            height: 30px;
	            margin: 100px auto;
	            position: relative;
	        }
	        .search input {
	            width:200px;
	            height:25px;
	            
	        }
	        .search label {
	            font-size: 12px;
	            color:#ccc;
	            position: absolute;
	            top:8px;
	            left:20px;
	            cursor: text;
	        }
        </style>
        <script type="text/javascript">
	        window.onload = function(){
	        	function $(id){ return document.getElementById(id) }

	        	$("txt").oninput = $("txt").onpropertychange = function(){
	        		if(this.value == ""){

	        			$("message").style.display = "blick"

	        		}else{

	        			$("message").style.display = "none"
	        		}
	        	}

	        }
        </script>
    </head>
    <body>
	    <div class="search">
		    <input type="text" id="txt"/>
		    <label for="txt" id="message">必败的国际大牌</label>
		</div>
    </body>
</html>